<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
	<title>版权首页</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css" />
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" href="./css/index-category.css">
	<!-- <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script> -->
	<script src="./js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="./js/jSlider/jquery.jSlider.js"></script>
	<link rel="stylesheet" type="text/css" href="./js/jSlider/jSlider.min.css" />
	<script type="text/javascript" src="./js/mySystem.js"></script>
	<style type="text/css">
		.indicator {
			padding-bottom: 10px;
		}

		.indicator span {
			width: 21px !important;
			height: 21px !important;
			background-color: transparent !important;
			margin-right: 20px;
			position: relative;
			border: 1px solid #0075d4 !important;
		}

		.indicator span.selected {
			background-color: #ccc !important;
		}
	</style>
</head>

<body>
	<div class="indexPageWrap">
		<!-- <div class="indexPage"> -->
		<!-- 最顶部 -->
		<div class="topSectionWrap">
			<div class="topSection" id="topSection">
				<div class="topSectionL">
					<span>您好 !欢迎来到版权交易系统演示站</span>
					<div class="word">商家管理中心</div>
				</div>
				<div class="topSectionR">
					<span>欢迎光临本店！</span>
					<span><a href="#">【请登录】</a></span>
					<span style="margin-right: 30px;"><a href="#">【免费注册】</a></span>

					<span class="vLine Vline1"></span>
					<img style="cursor:pointer;" src="./img/dingdan.png">
					<span style="cursor:pointer;">我的订单</span>

					<span class="vLine vLine2"></span>
					<img style="cursor:pointer;" src="./img/user.png">
					<span style="cursor:pointer;">个人中心</span>

					<span class="vLine vLine3"></span>
					<img style="cursor:pointer;" src="./img/shouang.png">
					<span style="cursor:pointer;">我的收藏</span>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>


		<!-- 搜索区域 -->
		<div class="searchWrap">
			<table>
				<tr>
					<td align="left">
						<img class="logo_word" src="./img/logo_word.png" />
					</td>
					<td align="center">
						<div class="searchArea">
							<input class="searchtx" type="text" name="" placeholder="搜索">
							<div class="searchbt">搜索</div>
						</div>
					</td>
					<td align="right" style="position: relative;" class="cartWrapTD">
						<div class="cartWrap">
							<img class="cartImg" src="./img/gouwuche.png">
							<span class="cartWord">购物车20件</span>
							<span class="num">20</span>
							<img class="cartRightImg" src="./img/right.png">
						</div>

						<!-- 购物车没有商品是显示这个 -->
						<!-- <div class="cartDorpdown">
							<img class="cartImgGrey" src="http://116.196.114.131/front/images/settleup-nogoods.png">
							<span class="noGood">购物车中还没有商品，赶紧选购吧！</span>
							<div style="clear: both"></div>
						</div> -->
						<!-- 购物车有商品是显示这个 -->
						<div class="cartDorpdown">
							<div class="cartList">
								<img class="cartListLeft" class="cartImgGrey" src="http://img11.360buyimg.com/n7/jfs/t1/5554/30/15803/218752/5bdfc640E2d26aafd/ab8ab3e4cdae6007.jpg">
								<div class="cartListMiddle">
									<div class="cartGoodTitle">手机手手机手机手机手机机手机手机手机手机手机手机</div>
									<div class="cartGoogSpc">内存:4G,处理器：inter i5</div>
								</div>
								<div class="cartListRight">
									<div class="cartGoodPrice">￥100 X 1</div>
									<div class="delCartGood">删除</div>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="cartList">
								<img class="cartListLeft" class="cartImgGrey" src="http://img11.360buyimg.com/n7/jfs/t1/5554/30/15803/218752/5bdfc640E2d26aafd/ab8ab3e4cdae6007.jpg">
								<div class="cartListMiddle">
									<div class="cartGoodTitle">手机手手机手机手机手机机手机手机手机手机手机手机</div>
									<div class="cartGoogSpc">内存:4G,处理器：inter i5</div>
								</div>
								<div class="cartListRight">
									<div class="cartGoodPrice">￥100 X 1</div>
									<div class="delCartGood">删除</div>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="cartList">
								<img class="cartListLeft" class="cartImgGrey" src="http://img11.360buyimg.com/n7/jfs/t1/5554/30/15803/218752/5bdfc640E2d26aafd/ab8ab3e4cdae6007.jpg">
								<div class="cartListMiddle">
									<div class="cartGoodTitle">手机手手机手机手机手机机手机手机手机手机手机手机</div>
									<div class="cartGoogSpc">内存:4G,处理器：inter i5</div>
								</div>
								<div class="cartListRight">
									<div class="cartGoodPrice">￥100 X 1</div>
									<div class="delCartGood">删除</div>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="cartList">
								<img class="cartListLeft" class="cartImgGrey" src="http://img11.360buyimg.com/n7/jfs/t1/5554/30/15803/218752/5bdfc640E2d26aafd/ab8ab3e4cdae6007.jpg">
								<div class="cartListMiddle">
									<div class="cartGoodTitle">手机手手机手机手机手机机手机手机手机手机手机手机</div>
									<div class="cartGoogSpc">内存:4G,处理器：inter i5</div>
								</div>
								<div class="cartListRight">
									<div class="cartGoodPrice">￥100 X 1</div>
									<div class="delCartGood">删除</div>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="cartBottom">
								<div class="goodTotalNum">共8件商品</div>
								<div class="goodTotalPrice">共计12627.00</div>
								<div class="goCartBt">去购物车</div>
								<div style="clear: both"></div>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>



		<!-- nav -->
		<div id="menu" class="banner">
			<ul>
				<li class="first_li" id="product_category">
					商品分类
					<img class="downArrow" src="./img/downArrow.png" />
					<div class="index_category">
						<div id="category_box">
							<div class="item item1">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item2">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item3">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item4">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item5">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item6">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item7">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="item item8">
								<div class="item_wrod1">数码产品</div>
								<div class="item_wrod2"><span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，<span>笔记本</span>，<span>小米</span>，</div>
							</div>
							<div class="lastitem">
							</div>

						</div>
						<div id="products_box">
							<div class="item_pro item_pro1">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro2">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro3">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro4">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro5">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">冰箱 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro6">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro7">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item_pro item_pro8">
								<div class="goodClass">
									<div class="goodClassList">
										<div class="goodClassListLeft">网络产品 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">手机 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
									<div class="goodClassList">
										<div class="goodClassListLeft">电脑 ></div>
										<div class="goodClassListRight">
											<span>笔记本</span><span>台式电脑</span><span>一体机</span><span>台式电脑</span><span>一体机</span><span>笔记本</span><span>台式电脑</span><span>一体机</span><span>笔记本</span>
										</div>
									</div>
								</div>
								<div class="imgClassWrap">
									<table cellspacing="0">
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
											<td class="lineTD">
												<img class="imgspe1" src="http://116.196.114.131/upload/img/lmadv/1535639913234.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<img class="imgspe2" src="http://116.196.114.131/upload/img/lmadv/1535618929698.png">
											</td>
										</tr>
									</table>
								</div>
								<div style="clear: both"></div>
							</div>
						</div>
					</div>
				</li>
				<li><a href="#">文字作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
				<li><a href="#">口述作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
				<li><a href="#">口述作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>

				<li><a href="#">艺术作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>


				<li><a href="#">美术/建筑作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
				<li><a href="#">摄像作品</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
				<li><a href="#">计算机软件</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
				<li><a href="#">电影作品/摄制电影</a>
					<ul>
						<li><a href="#">即兴演讲</a>
						<li><a href="#">脱口秀</a>
						<li><a href="#">相声小品</a>
					</ul>
					<div class="arrow_down"></div>
				</li>
			</ul>
			<div style="clear: both;"></div>

		</div>
		<!-- 轮播 -->
		<!-- 	<div class="scroll_one clearfix">
			<img src="./img/banner.png">
		</div> -->

		<div id="slider1" class="jSlider lunbo" data-delay="2000" data-navigation="hover" data-indicator="always" data-loop="true">
			<div class="selected lunboImgWrap">

				<!-- <img src="http://116.196.114.131/upload/img/lmadv/1535967850543.png"> -->
				<div class="imgwrpa2">
					<img src="./img/banner.jpg" alt="首页轮播1" />
				</div>
			</div>
			<div class="lunboImgWrap">
				<div class="imgwrpa2">
					<img src="./img/banner.jpg" alt="首页轮播1" />
				</div>
				<!-- <img src="http://116.196.114.131/upload/img/lmadv/1535967850543.png"> -->
			</div>
			<div class="lunboImgWrap">
				<div class="imgwrpa2">
					<img src="./img/banner.jpg" alt="首页轮播1" />
				</div>
				<!-- <img src="http://116.196.114.131/upload/img/lmadv/1535967850543.png"> -->
			</div>
		</div>


		<div class="copyright-content-wrap">


			<div class="copyright-content">
				<div class="line1"></div>
				<div class="text-box">
					<div class="text-left text_box_content text_box_content1" style="cursor:pointer;" onclick="setShowSilder(1)">推荐版权</div>
					<div class="text-middle text_box_content text_box_content2 choosed_text_box_content" style="cursor:pointer;"
					 onclick="setShowSilder(2)">热卖版权</div>
					<div class="text-right text_box_content text_box_content3" style="cursor:pointer;" onclick="setShowSilder(3)">推荐版权</div>
				</div>
				<div class="line2"></div>
				<!-- 轮播图1 -->
				<div class='silder-box silder-box-1'>
					<div class='silder banner'>
						<ul>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/01.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/02.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/03.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/04.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/05.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/06.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/07.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
						</ul>
					</div>
					<div class='silder-button btl'></div>
					<div class='silder-button btr'></div>
				</div>
				<!-- 轮播图2 -->
				<div class='silder-box silder-box-2'>
					<div class='silder banner'>
						<ul>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/01.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/02.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/03.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/04.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/05.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/06.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/07.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
						</ul>
					</div>
					<div class='silder-button btl'></div>
					<div class='silder-button btr'></div>
				</div>
				<!-- 轮播图3 -->
				<div class='silder-box silder-box-3'>
					<div class='silder banner'>
						<ul>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/01.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/02.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/03.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/04.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/05.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/06.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
							<li>
								<div class="pic-box">
									<div class="pic">
										<img src="./img/07.png">
									</div>
								</div>
								<div class="item1-title">
									星球大战之毒液外星,星球大战之毒液外星
								</div>
							</li>
						</ul>
					</div>
					<div class='silder-button btl'></div>
					<div class='silder-button btr'></div>
				</div>
				<!-- end -->
			</div>
		</div>


		<!-- 第一楼 -->
		<div id="floor1" class="floor floor1">
			<div class="titleWrap">
				<div class="titleL">
					<span>1F</span>
					<span id="floor_title1">文字作品</span></div>
				<div class="titleR">
					<span class="chooseSpan">书法</span>
					<span>小说</span>
					<span>三门</span>
				</div>
				<div style="clear:both"></div>
			</div>
			<table>
				<tr>
					<td>
						<div class="imgWrap imgWarp1">
							<img src="./img/img1.png">
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp2">
							<img src="./img/img2.png">
							<div class="word">小熊小熊小熊小熊小熊小熊小熊</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp3">
							<img src="./img/img3.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp4">
							<img src="./img/img4.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp5">
							<img src="./img/img5.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
				</tr>
			</table>
		</div>

		<!-- 第二楼 -->
		<div id="floor2" class="floor floor2">
			<div class="titleWrap">
				<div class="titleL">
					<span>2F</span>
					<span id="floor_title2">艺术作品</span></div>
				<div class="titleR">
					<span class="chooseSpan">书法</span>
					<span>小说</span>
					<span>三门</span>
				</div>
				<div style="clear:both"></div>
			</div>
			<table>
				<tr>
					<td>
						<div class="imgWrap imgWarp1">
							<img src="./img/img1.png">
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp2">
							<img src="./img/img2.png">
							<div class="word">小熊小熊小熊小熊小熊小熊小熊</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp3">
							<img src="./img/img3.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp4">
							<img src="./img/img4.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp5">
							<img src="./img/img5.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
				</tr>
			</table>
		</div>

		<!-- 第三楼 -->
		<div id="floor3" class="floor floor3">
			<div class="titleWrap">
				<div class="titleL">
					<span>3F</span>
					<span id="floor_title3">美术/建筑作品</span></div>
				<div class="titleR">
					<span class="chooseSpan">书法</span>
					<span>小说</span>
					<span>三门</span>
				</div>
				<div style="clear:both"></div>
			</div>
			<table>
				<tr>
					<td>
						<div class="imgWrap imgWarp1">
							<img src="./img/img1.png">
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp2">
							<img src="./img/img2.png">
							<div class="word">小熊小熊小熊小熊小熊小熊小熊</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp3">
							<img src="./img/img3.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp4">
							<img src="./img/img4.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp5">
							<img src="./img/img5.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 第四楼 -->
		<div id="floor4" class="floor floor4">
			<div class="titleWrap">
				<div class="titleL">
					<span>4F</span>
					<span id="floor_title4">影视综艺</span></div>
				<div class="titleR">
					<span class="chooseSpan">书法</span>
					<span>小说</span>
					<span>三门</span>
				</div>
				<div style="clear:both"></div>
			</div>
			<table>
				<tr>
					<td>
						<div class="imgWrap imgWarp1">
							<img src="./img/img1.png">
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp2">
							<img src="./img/img2.png">
							<div class="word">小熊小熊小熊小熊小熊小熊小熊</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp3">
							<img src="./img/img3.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp4">
							<img src="./img/img4.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp5">
							<img src="./img/img5.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 第五个楼 -->
		<div id="floor5" class="floor floor5">
			<div class="titleWrap">
				<div class="titleL">
					<span>5F</span>
					<span id="floor_title5">文字作品</span></div>
				<div class="titleR">
					<span class="chooseSpan">书法</span>
					<span>小说</span>
					<span>三门</span>
				</div>
				<div style="clear:both"></div>
			</div>
			<table>
				<tr>
					<td>
						<div class="imgWrap imgWarp1">
							<img src="./img/img1.png">
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp2">
							<img src="./img/img2.png">
							<div class="word">小熊小熊小熊小熊小熊小熊小熊</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp3">
							<img src="./img/img3.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp4">
							<img src="./img/img4.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
					<td>
						<div class="imgWrap imgWarp5">
							<img src="./img/img5.png">
							<div class="word">qwertt</div>
							<div class="price">￥100</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div style="height:50px;background:#f3f3f3;"></div>
		<div class="footer" id="footer">
			<div class="footerWrap">
				<div class="footerL">
					<div class="word1">©2018 中国新中国新闻出版研究院工程研发中心</div>
					<div class="word2">中国新闻出版研究院主办</div>
				</div>
				<div class="footerR">
					<div class="word3">本系统由中国新闻出版研究院 工程研发中心 提供技术支持</div>
					<div class="word4">
						<span>关于我们</span>
						<span>帮助中心</span>
						<span>诚聘英才</span>
						<span>知识产权</span>
					</div>
				</div>
				<div style="clear:both"></div>
			</div>
		</div>
		<!-- </div> -->

		<div class="righFixDiv">
			<div><img src="./img/user2.png"></div>
			<div><img src="./img/shoucang2.png"></div>
			<div><img src="./img/qq2.png"></div>
			<div style="transform: rotateZ(180deg);"><a href="#topSection"><img src="./img/jiantou2.png"></a></div>
		</div>

		<div class="leftFixDiv" id="leftFixDiv">
			<div class="navFloor navFloor1" onclick="returnFloor('floor1')"><a href="#floor1">1F</a></div>
			<div class="navFloor navFloor2" onclick="returnFloor('floor2')"><a href="#floor2">2F</a></div>
			<div class="navFloor navFloor3" onclick="returnFloor('floor3')"><a href="#floor3">3F</a></div>
			<div class="navFloor navFloor4" onclick="returnFloor('floor4')"><a href="#floor4">4F</a></div>
			<div class="navFloor navFloor5" onclick="returnFloor('floor5')"><a href="#floor5">5F</a></div>
		</div>
	</div>
</body>

</html>

<script src="./js/floor.js"></script>
<script src="./js/index_category.js"></script>
<script>
	//初始化第二个轮播
	function initSilder() {
		for (var i = 1; i < 4; i++) {
			$('.silder-box-' + i).mySilder({
				width: 179, //容器的宽度 必选参数!!!!!!
				height: 222, //容器的高度 必选参数!!!!!!
				auto: false, //是否自动滚动
				autoTime: 3, //自动滚动时，时间间隙，即多长滚动一次,单位(秒)
				direction: 'x', //滚动方向,默认X方向
				autoType: 'left', //滚动方向，auto为true时生效
				few: 1, //一次滚动几个，默认滚动1张
				showFew: 6, //显示几个,就不用调css了,默认显示一个
				clearance: 20, //容器之间的间隙，默认为 0
				silderMode: 'linear', //滚动方式
				timeGap: 350, //动画间隙，完成一次动画需要多长时间，默认700ms
				buttonPre: '.silder-button.btl', //上一个，按钮
				buttonNext: '.silder-button.btr', //下一个，按钮
				jz: true //点击时，是否等待动画完成
				// runEnd: function () { //回调函数
				//   callbackIndex++;
				//   $('.cj em').text(callbackIndex);
				// }
			});
		}
	}
	initSilder();

	// 切换第二个轮播的中间内容
	function setShowSilder(num) {
		$('.silder-box').hide();
		$('.silder-box-' + num).show();
		$('.text_box_content').removeClass("choosed_text_box_content");
		$('.text_box_content' + num).addClass("choosed_text_box_content");
	}



	//鼠标进入购物车
	$('.cartWrap').mouseenter(function () {
		$(".cartDorpdown").css({
			"display": "block"
		});
		var ishaveCart = 1; //看购物车里面是否有商品
		if (ishaveCart > 0) {
			$(".cartWrap").css({
				"border-bottom": "0px solid rgb(229,229,229)"
			});
		} else {
			$(".cartDorpdown").css({
				"margin-top": "2px"
			});
		}
	})
	//鼠标离开购物车
	$('.cartWrapTD').mouseleave(function () {
		//$(this).unbind('cart-hover');
		$(".cartDorpdown").css({
			"display": "none"
		});
		$(".cartWrap").css({
			"border-bottom": "1px solid rgb(229,229,229)"
		});

	})

	// 书法 小说 三门
	$(".titleR span").click(function () {
		$(this).siblings().removeClass("chooseSpan");
		$(this).addClass("chooseSpan");
	});
</script>